<template>
    <dl>
        <dt>
            <img :src="url">
        </dt>
        <dd>
            <p>{{title}}</p>
            <p>{{price}}</p>
            <el-count :num='num' :id='id'></el-count>
        </dd>
    </dl>
</template>
<script>
import elCount from './elCount'
export default {
    props:['title','url','price','num','id'],
    components:{
        elCount
    }
}
</script>

<style lang="scss" scoped>
    dl{
        width: 100%;
        height: 100px;
        display: flex;
        background: #fff;
        border-bottom: 2px solid gray;
        dt{
           flex: 3;
           img{
               width: 100%;
               height: 100%;
           }
        }
        dd{
            flex: 7;
            padding:0 5px;
            p{
                width: 100%;
                font-size: 17px;
                font-weight: bold;
            }
        }
    }
</style>


